/*导航栏css*/
*{
	margin: auto;
	padding: auto;
	
}
body{
	background-color: #d3d3d3;
}



/* 首页二级导航 */
#nave
{
	width:100%;
 	min-width:960px;
	font-size: 16px;
	background:rgb(246, 249, 249); 
	border: 1px solid rgb(201, 198, 198);
	
}
.navwrape
{
	width:100%;
  	min-width:960px;
	height: 50px;
	margin: 0 auto;
	
}
#nave ul
{
	width:100%;
  	min-width:960px;

	display: inline-block;
	margin-left: 230px;
	
	list-style-type: none;

	
}
#nave li
{
	float: left;/*设置列表浮动*/
	margin-left: 15px;
	

}

#nave a
{
	line-height: 50px;
	
	margin:0 10px;
	color:rgb(57, 56, 56);
	text-decoration: none;
	
}

#nave li a:hover{
	color: #66afe9;
}


.out-main{
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.main_iner
{	font-size: 16px;
	width: 700px;
	
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	/* margin-left: 250px; */
	
	background: white;
	
	
}



/* 第一篇文章 */
/* 第一篇文章中间上部分 */
.tzrn {
    width: 700px;
    margin: 0 auto;
	
}

/* 热门推荐导航 */
.tzr {
    height: 52px;
    /* background-color: rgb(250, 247, 247); */
	/* border: 1px solid #f6fafa; */
}



/* 目的: 让所有的文字在一行显示 */
.tzr .tzrn li {
    float: left;
    line-height: 52px;
}

.tzr .tzrn a {
    padding: 0 10px;
    border-right: 1px solid #666;
    
}


/* 清除a的边框线: 最后一个li里面的a */
.tzr .tzrn li:last-child a {
    border: 0;
}




.tzr a
{
	line-height: 35px;
	
	margin-left: 10px;
	color:rgb(57, 56, 56);
	text-decoration: none;
	
}
.tzr a:hover
{
	color:#66afe9;
}

.tjnr1{
	
	width: 700px;
	height: 160px;
	/* border: 1px solid #d0d3d3; */
	
	
}
 .tjnr1 #div1{
	contain: content;
	width: 100%;
	height: auto;
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}
.tjnr1 #div11{
	contain: content;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 13px;


}
.tjnr1 input{
	width: 40px;
	height: 20px;
	float: right;
	margin-top: 15px;
	margin-right: 25px;
	border:1px solid rgb(196, 194, 194);

}
/* 广告区 */
.tjnr1 #ydiv111{
	width: 130px;
	height: 100px;
	margin-top: -65px;
	margin-left: 545px;
	border:1px solid #666;

}.tjnr1 a:hover
{
	color:#66afe9;
}
.tjnr1  li{
	float: left;
    line-height: 52px;
	margin-left: 10px;
	
}
/* 设计样式注意优先级问题 */
.tjnr1 #a1 {
	padding: 0 10px;
	border-right: 1px solid rgb(108, 106, 110);
}
/* 清除a的边框线: 最后一个li里面的a */
.tjnr1 li:last-child #a1  {
    border: 0;
}

.tjnr1 #a11{
	
	float: left;
	width: 700px;
	margin-top: 500px;
	color: #66afe9;
	
	
}

/* 第二篇文章 */
#wcdiv2{
	width: 100%;
	height: 160px;
	
	


}
#ckqk{
	margin-left: 10px;
	
}
/* 阅读文章情况 */
/* #wcdiv2 #ckqk ul{
	margin-left: 20px;
} */
#wcdiv2 #ckqk li{
	
    line-height: 52px;
	
}
.busty{
  border-bottom: 2px solid rgb(0, 0, 0);
}
#hr1{
	text-align: center;
	width: 700px;
	border: 0.3px solid #c4c8cb;

}

hr{
	text-align: center;
	width: 680px;
	border: 0.3px solid #c4c8cb;
	margin-bottom: 10px;

}

/* 右侧部分设计 */
#right{
	width: 240px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
		
}


/*右侧div*/
#right .right1
{
	width: 240px;
	height: 126px;
	float: left;

	background: rgb(255, 255, 255);
}
#right .right1 .wh{
	margin-top: 20px;
	margin-left: 50px;
	/* margin-top: 10px;
	margin-left: 20px; */
	font-size: 18px;


}
#right .right1 .qd1{
	width: 70px;
	height: 30px;
    margin-top: -30px;
	margin-right: 20px;
	float: right;
	color: #66afe9;
	font-size: 15px;
	background-color: rgb(255, 255, 255);
	border: 1px solid #66afe9;
	border-radius: 20px;
}
#right .right1 .dl{
	font-size: 15px;
	color: #8c8f91;
	margin-left: 50px;
	margin-top: 15px;
}
/* 广告1 */
#right .right2{
	width: 240px;
	height: 210px;
	float: left;
	margin-top: 10px;
	background-color: white;
}
/* 广告2 */
#right .right3{
	width: 240px;
	height: 210px;
	float: left;
	margin-top: 10px;
	
	background: rgb(246, 249, 249);
}



/* 扫码下载 */
#right .right4{
	width: 240px;
	height: 80px;
	float: left;
	margin-top: 10px;
	
	background: rgb(246, 249, 249);
}

#right .right4 .a1{
	margin-top: 15px;
	float: left;
	margin-left: 80px;
	font-size: 14px;
}
#right .right4 .p1{
	margin-top: 10px;
	margin-left: 80px;
	float: left;
	font-size: 11px;
	color: #c4c8cb;

}



/* 作者榜 */
#right .right5{
	width: 240px;
	height: 350px;
	float: left;
	margin-top: 10px;

	background: rgb(246, 249, 249);
}
#right .right5 h4{
	margin-top: 20px;
	margin-left: 10px;
	
}
/* 存放作者信息的div */
#right .right5 #zz1{

	height: 80px;
	font-size: 16px;

	text-align: center;
}

#right .right5 #zz1:hover{
	background-color: #dfe8e8;
}
#right .right5 #zz1 img{
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 30px;
}

#right .right5 #zz1 .zp1{
	margin-top: 15px;
	 float: left;
	margin-left:10px ;
	font-size: 15px; 
}

#right .right5 #zz1 .zp2{
	margin-top: 35px;
	float: left;
	margin-left:-65px ;
	font-size: 15px;
}

#right .right5 hr{
	width: 240px;
	border-bottom:1px solid #8c8f91 ;
}
#right .right5 #wzb{
	width: 240px;
	height: 30px;
	text-align: center;
	border-top: 1px solid #cdd1d1;

}
#right .right5 #wzb #a1{
	
	line-height: 40px;
	font-size: 16px;
	color: blue;
	text-align: center;

}






/* 操作指南 */
#right .right6{
	width: 240px;
	height: 230px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background: rgb(255, 255, 255);
}
#right .right6 #zn {
	width: 240px;
	float: left;
	
}
#right .right6 #zn:hover{

	background-color: #dfe8e8;

}
#right .right6 #zn img{
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	
}
#right .right6 .wzn1{
	margin-top: 30px;
	float: left;
	margin-left:20px ;
	font-size: 15px;
}





#right .right7{
	width: 240px;
	height: 410px;
	float: left;
	margin-top: 10px;
	
	background: rgb(255, 255, 255);
}
#right .right7 li{
	margin-left: 10px;
	margin-top: 5px;
	padding: 0px;
	font-size: 12px;
	float: left;
    line-height: 22px;
}
#right .right7 li a:hover{
	color: #66afe9;
	text-decoration: none;
}
#right .right7 ul #wbm img{
	margin-top: 40px;
	margin-left: -90px;
	width: 30px;
	height: 30px;
}
#right .right7 ul #wxm img{
	margin-top: 40px;
	margin-left: -60px;
	width: 30px;
	height: 30px;
}
/* 鼠标经过出现图片 */
#right .right7 ul #wxm #sm:hover{
	display: block;
}
/* 底部样式 */
#footer{
	
	background-color: #66afe9;
	width:100%;
  	min-width:960px;
    height: 200px;
    background: rgb(246, 249, 249);
    margin-top: 10px;    
    
        /* 方法一 */
    clear:both ;
    bottom: 0;


}
#footer ul {
	
	width: 940px;
	height: auto;
	padding-top: 15px;
	padding-left: 20%;



}
#footer li{
	display: inline-block;
	margin-left: 10px;
	
	padding: 5px;
}
#footer ul #wbm img{

	
	width: 30px;
	height: 30px;
}
#footer ul #wxm img{
	width: 30px;
	height: 30px;
}
#footer li a:hover{
	color: #66afe9;
	text-decoration: none;
}